1 基本结构:
<!DOCTYPE HTML>
<html>
<head></head>
<body></body>
</html>
2 head:
<head>
<title></title>
<meta>
<link>
<style></style>
<script></script>
</head>
3 语义化
1)容易被搜索引擎理解、收录(SEO)
2)屏幕阅读器读出内容
4 标签
1)<p></p>
2) <hx></hx>
3) <em></em> <strong></strong>
4) <span></span> (没有语义,只是作为单独的样式)
5) <q></q> <blockquote></blockquote>
6) <br /> (写法:xhtml1.0,空标签:<hr />, <img />,<input />)
7)
8) <hr />
9) <address></address>
10) <code></code> <pre></pre>
11) <ul><li></li></ul> <ol><li></li></ol>
12) <div></div> 作为一个容器,区分一个逻辑部分
13) <table summary=””>
<caption></caption>
<tbody>
<tr>
<th></th>
</tr>
<tr>
<td>
</td>
</tr>
</tbody>
</table>
(tbody 加载完毕显示全部,summary-语义)
14) <a href=”” title=”” target=”_blank”></a>
15) href=”mailto:yy@gmail.com?cc=&bcc=&subject=&body=”
16) <img src=”” title=”” alt=”” />
17) <form method=”” action=””></form>
19) <input type=”” name=”” />
20) <textarea cols=”” rows=””></textarea>
21) <select><option></option></select>
22) type=”submit” type=”reset”
23) <label for=””></label> (和对应input的id值相同)